<script type="text/javascript" src="manage/security/role/grantOperation2Role.js" charset="utf-8" ></script>
<script type="text/javascript" src="ccay/js/ui/plugins/tree/ccayTree.js" charset="utf-8" ></script>
<script type="text/javascript" src="manage/security/role/role.js" charset="utf-8" ></script>

<style type="text/css">
h5{font-size: 13px; font-weight: normal; line-height: 13px; float: right;}
h6{font-size: 13px; color: red; float: left; line-height: 13px;}
.showClew{font-size: 13px; color: olive;}
.showClew span{color: peru;}
.spanShow{color: peru;}
</style>
<form id="roleViewForm" class="init ccay-form">
		<input type="hidden"  name="roleId" id="roleId" />
		<!--内容显示区域-->
		<div class="ccay-form-body">
		<div class="ccay-form-custom">
			<ul> 
	 			 <li class="ccay-form-row ccay-form-longcell ">
					<samp class="i18n" i18nKey="ccay.security.label.roleName"></samp>
					<span class='ccay-form-input'><label id="roleName" ></label></span>
				</li>
			</ul>
		</div>
		<div class="ccay-form-custom">
			<ul>
				<li class="ccay-form-row">
					<samp class="i18n" i18nKey="ccay.common.label.description"></samp>
					<span class='ccay-form-input'><label id="roleDesc" ></label></span>
				</li>
			</ul>
		</div>
		</div>
</form>			
<div id="operationTabs-0">
	<div id = "tabledivButtons">
	 	<span id="updateRolePermissionsButton" class="ccay-button" onclick="ccay.security.role.grantOperation2Role.saveRolePermissions()">
	 		<a class="ccay-icon save"></a>
	 		<label class="i18n" i18nKey="ccay.common.button.save"></label>
	 	</span>
	</div>
	<div id="operationTabs-0-body">
		<table style='width:100%'>
			<td style="padding: 0;width:50%"><ul id="permissionSelectTree" class="ztree" style="width:96%"></ul></td>
			<td style="padding: 0;width:50%"><ul id="hasPermissionsList" class="ztree" style="width:96%"></ul></td>
		</table>
	</div>
</div>

<div class="ccay-operate">
 	<span class="ccay-button" onclick="ccay.security.role.list.closeTab()">
 		<a class="ccay-icon back"></a>
 		<label class="i18n" i18nKey="ccay.common.button.back"></label>
 	</span>
</div>